Page({

  /**
   * 页面的初始数据
   */
  data: {
     goodsArr: [
      {
        id: 1,
        title: '商品1',
        price: 10
      },
      {
        id: 2,
        title: '商品2',
        price: 5,
      },
      {
        id:3,
        title: '商品3',
        price: 15,
      },
    ],
      startX:0,
    startY:0,
    joinPageType:0, //0:点击我的收藏进人  1:点击"我的足迹"进入
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let type = options.type;
    this.setData({
      joinPageType:type
    })
    if(this.data.joinPageType == 0){
      wx.setNavigationBarTitle({
        title: '我的收藏' // 导航栏标题
      });
    }
    else{
       wx.setNavigationBarTitle({
        title: '最近浏览' // 导航栏标题
      });
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function (options) {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  },
   touchstart:function(e){
    this.data.goodsArr.forEach(function (v,i){
      if(v.isTouchMove)
      v.isTouchMove = false;
    })
    this.setData({
      startX: e.changedTouches[0].clientX,
      startY: e.changedTouches[0].clientY,
      goodsArr:this.data.goodsArr
    })
  },
  touchmove:function(e){
    var that = this;
    var index = e.currentTarget.dataset.index,
    startX = that.data.startX,
    startY = that.data.startY,
    touchMoveX = e.changedTouches[0].clentX,
    touchMoveY = e.changedTouches[0].clentY,
    angle = that.angle({X:startX,Y:startY},{X:touchMoveX,Y:touchMoveY});
    that.data.goodsArr.forEach(function(v,i){
      v.isTouchMove = false
      if(Math.abs(angle) > 30) return;
      if(i == index){
        if(touchMoveX > startX)
        v.isTouchMove = false
        else
        v.isTouchMove = true
      }
    })
    that.setData({
      goodsArr:that.data.goodsArr
    })
  },
  angle:function(start,end){
    var _X = end.X - start.X,
    _Y = end.Y - start.Y
    return 360 * Math.atan(_Y / _X) / (2 * Math.PI)
  },

})